<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= __('titLe') %></title>
    <link href="/image/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_607959_8t0w2txptnj.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/transaction.css">
    <link rel="stylesheet" href="/css/userInfo.css">
    <link rel="stylesheet" href="/css/loading.css">
</head>
<body>
      
    <div class="app">
            <%- include('base/header'); %>
            <div class="transactions">
                <div class="loading" v-show="!loading">
                    <div class="preloader_4">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="typetransactions">
                    <div class="recharge" @click="typeListone()" :class="{coinbg:typeList==0}"><%= __('recharge') %></div>
                    <div class="transfer" @click="typeListtwo()" :class="{coinbg:typeList==1}"><%= __('withdraw') %></div>
                    <!-- <div class="withdraw" @click="typeListthress()" :class="{coinbg:typeList==2}"><%= __('transfer') %></div> -->
                </div>
                <div class="rechargeList" v-show="typeList==0">
                    <div class="rechargeCoinList">
                        <% if(allMine.length){ %>
                            <% allMine.forEach( (item,index) => { %>
                                <% if(item.coin!=' ') { %>
                                   <div :class="{rechargeCoinListfirst:'<%- index %>'== despositadress }"  
                                        class="<%= lang %>" @click="depositChage('<%- index %>','<%- item.coin %>')" class="<%= lang %>">
                                       <img src="/image/<%- item.coin %>.png" alt="">
                                       <span>
                                           <%- item.coin %><%= __('recharge') %>
                                       </span>
                                   </div>
                                <% } %>
                                <% }) %>    
                            <% } %>
                    </div>
                    <% if(allMine.length){ %>
                        <% allMine.forEach( (item,index) => { %>
                    <div class="qrcode" v-show="<%- index %> == despositadress">
                        <div class="qrcodeLeft" id="qrcode<%- index %>"></div>
                        <div class="qrcodeRight">
                            <div class="rechargeAddress">
                                <div class="rechargeAddressChildren">
                                    <div class="rechargeAddressLeft"><%= __('rechargeAddress') %></div>
                                    <div class="rechargeAddressRight" v-html="coinAdress"> </div>

                                            <!-- <% if(item.coin!='BTC'&&item.coin!='HSR') { %>
                                                <div class="rechargeAddressRight" v-html="coinAdress0"></div>
                                             <% } else { %>
                                                <div class="rechargeAddressRight" v-html="coinAdress"></div>
                                             <% } %> -->
                                </div>
                            </div>
                            <p class="tips"><%= __('warmPrompt') %></p>
                            <p class="tipsone"><%= __('Please') %><%- item.coin %><%= __('Otherwise') %></p>
                            <p class="tipstwo"><%= __('LargeAmount') %></p>
                            <!-- <% if(item.coin!='BTC'&&item.coin!='HSR') { %>
                                <p class="tipstwo"><%= __('LargeAmount0') %></p>
                             <% } else { %>
                                <p class="tipstwo"><%= __('LargeAmount') %></p>
                             <% } %> -->
                        </div>
                    </div>
                    <% }) %>    
                    <% } %>
                </div>
                <div class="rechargeList rechargeList-one"  v-show="typeList==2">
                    <div class="rechargeCoinList">
                        <% if(allMine.length){ %>
                            <% allMine.forEach( (item,index) => { %>
                                <div  class="<%= lang %> rechargeCoinListfirstone"   :class="{rechargeCoinListfirst:'<%- index %>'== presentation1 }" 
                                    @click="changeCoin1('<%- index %>','<%- item.coin %>','<%- item.depositAddress %>')">
                                    <img src="/image/<%- item.coin %>.png" alt="">
                                    <span>
                                        <%- item.coin %><%= __('transfer') %></span>
                                </div>
                                <% }) %>
                         <% } %>
                    </div>
                    <% if(allMine.length){ %>
                        <% allMine.forEach( (item,index) => { %>
                     <div class="transferList" v-show="<%- index %> == presentation1">
                            <div class="transferListLeft <%= lang %>">
                                <div class="transferListLeftemail">
                                    <div class="rechargeAddressLeft <%= lang %>" ><%= __('transferEmail') %></div>
                                    <div class="rechargeAddressRight " >
                                        <input type="text" ref="Emailll" 
                                        v-model="emaill" @blur="Requestuserinformation" class="<%= lang %>">
                                    </div>
                                </div>
                                <div class="transferListLeftemail">
                                    <div class="rechargeAddressLeft <%= lang %>"><%= __('transferTo') %></div>
                                    <div class="rechargeAddressRight" v-html="Requestuser">
                                    </div>
                                </div>
                                <div class="transferListLeftemail">
                                    <div class="rechargeAddressLeft <%= lang %>"><%= __('transferAmount') %></div>
                                    <div class="rechargeAddressRight">
                                        <input type="text" ref="transfer" v-model="transferAmount" class="<%= lang %>">
                                    </div>
                                </div>
                                <div class="transferListLeftemail">
                                    <div class="rechargeAddressLeft <%= lang %>"><%= __('Collectedbalances') %></div>
                                    <div class="rechargeAddressRight" v-html="fee1"></div>
                                </div>
                            </div>
                            <div class="transferListRight">
                                <p class="transferListRight-one"><%= __('warmPrompt') %></p>
                                <p class="transferListRight-two"><%= __('Please') %><%- item.coin %><%= __('Otherwise') %></p>
                                <p class="transferListRight-two"><%= __('LargeAmount') %></p>
                                <p class="transferListRight-three"><%= __('enough') %></p>
                                <button @click.once="TransferApplication('<%- index %>','<%- item.coin %>')"><%= __('transfer') %></button>
                            </div>
                    </div>
                    <% }) %>
                    <% } %>
                </div>
                <div class="rechargeList rechargeList-one"  v-show="typeList==1">
                    <div class="rechargeCoinList">
                        <% if(allMine.length){ %>
                                <% allMine.forEach( (item,index) => { %>
                                    <div  class="<%= lang %>" :class="{rechargeCoinListfirst:'<%- index %>'== presentation }" @click="changeCoin('<%- index %>','<%- item.coin %>','<%- item.withdrawAddress %>')">
                                        <img src="/image/<%- item.coin %>.png" alt="">
                                        <span>
                                            <%- item.coin %><%= __('withdraw') %>
                                        </span>
                                    </div>
                                <% }) %>
                        <% } %>
                    </div>
                    <% if(allMine.length){ %>
                        <% allMine.forEach( (item,index) => { %>
                            <div class="transferList" v-show="<%- index %> == presentation">
                                <div class="transferListLeft">
                                    <div class="transferListLeftemail">
                                        <div class="rechargeAddressLeft">
                                            <%= __('toAdress') %>
                                        </div>
                                        <% if (item.withdrawAddress && item.withdrawAddress!=null) { %>
                                            <div class="rechargeAddressRight">
                                                <input type="text" :value="withdrawaddress<%- index %>==''?'<%- item.withdrawAddress %>':withdrawaddress<%- index %>" class="adressValue<%- index %>" disabled="disabled">
                                            </div>
                                        <% } else{ %>
                                            <div class="rechargeAddressRight">
                                                <input type="text" :value="withdrawaddress<%- index %>==''?'<%- item.withdrawAddress %>':withdrawaddress<%- index %>" 
                                                class="adressValue<%- index %>" disabled :placeholder="changeaddress==0?'<%= __('addrholder') %>':''">
                                            </div>  
                                        <% } %>
                                        <% if (item.withdrawAddress && item.withdrawAddress!=null) { %>
                                            <div class="adressChange" @click="stcAdress(true,'<%- index %>','<%- item.coin %>')" v-html="modify" v-if="changeaddress==0"></div>
                                            <div class="adressChange" @click="stcAdress(false,'<%- index %>','<%- item.coin %>')" v-html="confirm" v-if="changeaddress==1"></div>
                                            <div class="adressChange adressChange1" @click="stcAdress(false,'<%- index %>',null)" v-html="cancel" v-if="changeaddress==1"></div>
                                        <% } else{ %>
                                            <div class="adressChange" @click="stcAdress(true,'<%- index %>','<%- item.coin %>')" v-html="Setup" v-if="changeaddress==0"></div> 
                                            <div class="adressChange" @click="stcAdress(false,'<%- index %>','<%- item.coin %>')" v-html="confirm" v-if="changeaddress==1"></div>
                                            <div class="adressChange adressChange1" @click="stcAdress(false,'<%- index %>',null)" v-html="cancel" v-if="changeaddress==1"></div>
                                        <% } %>
                                    </div>
                                    <div class="transferListLeftemail">
                                        <div class="rechargeAddressLeft"><%= __('quantity') %></div>
                                        <div class="rechargeAddressRight">
                                            <input type="text" ref='coinnumber' v-model="coinbalcaasdas">
                                        </div>
                                        <input type="hidden" value="<%- item.balance %>" class="inpit<%- index %>">
                                    </div>
                                    <div class="transferListLeftemail">
                                        <div class="rechargeAddressLeft"><%= __('rate') %></div>
                                        <div class="rechargeAddressRight">0.5%</div>
                                    </div>
                                    <div class="transferListLeftemail">
                                        <div class="rechargeAddressLeft"><%= __('serviceCharge') %></div>
                                        <div class="rechargeAddressRight" v-html="fee"></div>
                                    </div>
                                </div>
                                <div class="transferListRight">
                                    <p class="transferListRight-one"><%= __('warmPrompt') %></p>
                                    <p class="transferListRight-transfer"><%= __('Firstwithdrawal') %></p>
                                    <p class="transferListRight-transfer"><%= __('Confirmaddress') %></p>
                                    <p class="transferListRight-transfer"><%= __('audit') %></p>
                                    <p class="transferListRight-transfer" v-if="<%= item.coin %> == HPS"><%= __('Networkcommission') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===ETH"><%= __('Networkcommissionone') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===BTC"><%= __('Networkcommissiontwo') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===HSR"><%= __('Networkcommission3') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===HAND"><%= __('Networkcommission4') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===HART"><%= __('Networkcommission5') %></p>
                                    <p class="transferListRight-transfer" v-else-if="<%= item.coin %>===MOT"><%= __('Networkcommission6') %></p>
                                    <p class="transferListRight-transfer"><%= __('enoughone') %></p>
                                    <button class="xs_li_15" @click="cashWidthdraw('<%- index %>','<%- item.coin %>')" :disabled="Prohibited"><%= __('withdraw') %></button>
                                </div>
                            </div>
                     <% }) %>
                    <% } %>
                </div>          
            </div>
            <%- include('base/footer'); %>
    </div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script> 
    <script src="/js/transaction.js"></script>
</body>
</html>